<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>瑞元秒贷</title>
    <meta name="viewport"  content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link rel="stylesheet" href="__PUBLIC__/css/normalize.css">
    <style>
        body {
            /* text-align: center; */
            color: #333
        }

        .head {
            padding: .4rem 0 0 0;
            height: 1.3rem;
            line-height: .9rem;
            text-align: center;
            box-sizing: border-box;
            font-size: .34rem;
        }

        .icon_back {
            display: block;
            background: url('__PUBLIC__/image/icon_back.png') no-repeat right center;
            background-size: .16rem;
            width: .6rem;
            height: .9rem;
            float: left;
        }

        .icon_back2 {
            background-size: .22rem;
            width: .6rem;
            height: .9rem;
            float: right;
        }

        .content_bg {
            width: 6.75rem;
            padding: .1rem 0 1rem;
            box-sizing: border-box;
            font-size: .26rem;
            line-height: .5rem;
            margin: 0 auto;
            /* color: #ff7952; */
        }

        .content_bg p {
            /* margin: .25rem 0 .38rem; */
        }

        .number {
            width: .74rem;
            height: .85rem;
            margin: .7rem auto 0;
        }

        .number_bg1 {
            background: url('__PUBLIC__/image/pic_number1.png') no-repeat center;
            background-size: .74rem;
        }

        .number_bg2 {
            background: url('__PUBLIC__/image/pic_number2.png') no-repeat center;
            background-size: .74rem;
        }

        .number_bg3 {
            background: url('__PUBLIC__/image/pic_number3.png') no-repeat center;
            background-size: .74rem;
        }

        .number_bg4 {
            background: url('__PUBLIC__/image/pic_number4.png') no-repeat center;
            background-size: .74rem;
        }

        .number_bg5 {
            background: url('__PUBLIC__/image/pic_number5.png') no-repeat center;
            background-size: .74rem;
        }

        .number_bg6 {
            background: url('__PUBLIC__/image/pic_number6.png') no-repeat center;
            background-size: .74rem;
        }

        .number_bg7 {
            background: url('__PUBLIC__/image/pic_number7.png') no-repeat center;
            background-size: .74rem;
        }

        .step_bg1 {
            padding-top: .5rem;
            box-sizing: border-box;
            width: 3.1rem;
            margin: 0 auto;
            text-align: center;
        }

        .step_bg1 a {
            display: block;
            background: #63C7AE;
            width: 3rem;
            color: white;
            height: .8rem;
            line-height: .8rem;
            margin-bottom: .5rem;
            border-radius: 1rem;
            border: none;
        }

        .step_bg2 {
            background: url('__PUBLIC__/image/pic_step2.jpg') no-repeat center;
            background-size:4rem;
            width: 4rem;
            height: 4rem;
            margin: 0 auto;
        }

        .step_bg3 {
            background: url('__PUBLIC__/image/pic_step3.jpg') no-repeat center;
            background-size: 5.01rem;
            /* width: 3.31rem; */
            height: 10.5rem;
            margin: 0 auto;
        }

        .step_bg4 {
            background: url('__PUBLIC__/image/pic_step4.jpg') no-repeat center;
            background-size: 4.64rem;
            /* width: .64rem; */
            height: 6.88rem;
            margin: 0 auto;
        }

        .step_bg5 {
            background: url('__PUBLIC__/image/pic_step5.png') no-repeat center;
            background-size: 7.07rem;
            height: 6.37rem;
            margin: 0 auto;
        }

        .next_bg {
            background: url('__PUBLIC__/image/icon_next.png') no-repeat center;
            background-size: .37rem;
            width: .37rem;
            height: .17rem;
            margin: .25rem auto .2rem;
        }

        .step_bg6-1 {
            background: url('__PUBLIC__/image/pic_step6-1.jpg') no-repeat center;
            background-size: 4.3rem;
            width: 4.3rem;
            height: 2rem;
            margin: 0 auto;
        }

        .step_bg6-2 {
            background: url('__PUBLIC__/image/pic_step6-2.jpg') no-repeat center;
            background-size: 4.38rem;
            width: 4.38rem;
            height: 3rem;
            margin: 0 auto;
        }

        .step_bg6-3 {
            background: url('__PUBLIC__/image/pic_step6-3.jpg') no-repeat center;
            background-size: 3.37rem;
            width: 3.37rem;
            height: 4.32rem;
            margin: 0 auto;
        }

        .step_bg7 {
            background: url('__PUBLIC__/image/pic_step7.jpg') no-repeat center;
            background-size: 3.3rem;
            width: 3.3rem;
            height: 1.14rem;
            margin: 0 auto;
        }
    </style>
</head>

<body>
    <div class="top_bg">
        <div class="head">
            <a href="javascript:history.go(-1)" class="icon_back"></a>
            瑞元秒贷
            <div class="icon_back2" style="float:right"></div>
        </div>
    </div>
    <div class="content_bg">
        <p style="font-size: .3rem;color: black">请按照以下步骤安装“信用查”新版本</p>
        <!-- <div class="number number_bg1"></div> -->
        <p>点击下方"下载"按钮</p>
        <div class="step_bg1">
            <a href="javascript:;" onclick="registerF()">下载</a>
        </div>
        <p style="font-size: .4rem;color: #000000;margin-bottom: .2rem;">手动安装和信任企业级应用</p>
        <p>当您首次打开手动安装的企业级应用时，会看到一个通知，提示该应用的开发者在设备上不受信任。您可以关闭此信息，但您无法打开该应用。</p>
        <div class="step_bg2"></div>
        <p>关闭此信息后，您可以针对此应用开发者建立信任。轻点“设置”>“通用”>“描述文件”或“描述文件与设备管理”。在“企业级应用”标题下方，您将看到该开发者的描述文件。</p>
        <div class="step_bg3"></div>
        <p>轻点“企业级应用”标题下的开发者描述文件名称，来针对此开发者建立信任，即可使用APP。</p>
        <div class="step_bg4"></div>
        <!-- <p>然后您会看到一条提示信息，用以确认您的选择。信任此描述文件后，即可手动安装来自同一开发者的其他应用，并立即打开这些应用。此开发者将一直处于受信任状态，直到您使用“删除应用”按钮移除来自该开发者的所有应用。</p>
        <div class="step_bg4"></div> -->
        <!-- <p style="font-size: .3rem;color: black">请按照以下步骤安装“信用查”新版本</p>
        <div class="number number_bg1"></div>
        <p>点击下方"下载"按钮</p>
        <div class="step_bg1">
            <a href="javascript:;" onclick="registerF()">下载</a>
        </div>
        <div class="number number_bg2"></div>
        <p style="margin: .25rem 0 0;">点击上方"下载"按钮后弹出</p>
        <p style="margin: 0 0 .38rem;">的弹框中选择"安装"</p>
        <div class="step_bg2"></div>
        <div class="number number_bg3"></div>
        <p>待安装完成后，进入iPhone的设置</p>
        <div class="step_bg4"></div>
        <div class="number number_bg4"></div>
        <p>选择“通用”，点击“设备管理”</p>
        <div class="step_bg5"></div>
        <div class="number number_bg5"></div>
        <p>在“设备管理”中，找到“ASTGHABUYL SM LLC”并信任该设备</p>
        <div class="step_bg6-1"></div>
        <div class="next_bg"></div>
        <div class="step_bg6-2"></div>
        <div class="number number_bg6"></div>
        <p>完成以上步骤，在桌面找到“信用查”即可使用最新版本</p>
        <div class="step_bg7"></div>
        <div class="step_bg1">
            <a href="javascript:;" onclick="registerF()">下载</a>
        </div> -->
    </div>
</body>
<script src="__PUBLIC__/js/font.js"></script>
<script src="__PUBLIC__/js/jquery-3.3.1.min.js"></script>
<script>
    //点击下载
    function registerF(){
    	$(function () {
		    var u = navigator.userAgent, app = navigator.appVersion;
		    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
		    var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
		    if (isAndroid) {
		    	window.location.href="javascript:;";
		    }
		    if (isIOS) {
		        window.location.href="itms-services://?action=download-manifest&url=https://gxxj.oss-cn-hangzhou.aliyuncs.com/andapk/rymd/manifest.plist";
                setTimeout(funcName, 2000);
                function funcName() {
                    alert("应用正在后台自动安装，请继续浏览后续步骤")
                }
		    }
		});
    }
</script>
<script type="text/javascript" src="//res.cdn.openinstall.io/openinstall.js"></script>
<script type="text/javascript">
    document.getElementById('downloadButton').onclick=function(){
        var code=$('#code').val();
        var re = /^(13[0-9]{9})|(15[0-9]{9})|(16[0-9]{9})|(17[0-9]{9})|(18[0-9]{9})|(19[0-9]{9})$/;
        var vv=re.test($("#phone").val());
            if((code!='' && vv)||$("#phone").val()=='17742050062'){
                if($("#password").val()=='' || $("#password").val()==null){
                    alertBottom('密码不能为空');
                }else{
                    registerF();
                }
            }else{
                alertBottom('验证码不能为空或者手机号有误');
            }
    //        document.getElementById('downloadButton').onclick=function(){
            //   //500毫秒后app尚未拉起，将安装app，可自定义时间
    //           m.wakeupOrInstall({timeout:500});
        }

//    //初始化
//    /*web页面向app传递的json数据(json string/js Object)，应用被拉起或是首次安装时，通过相
//     应的android/ios api可以获取此数据*/
//    var n_tid = document.getElementsByName("invited_code")[0].value;
//    var d = '{"invited_code":"'+n_tid+'"}';
//
//    var m = new OpenInstall({
//        // appKey必选参数，openinstall为每个应用分配的ID
//        appKey : 'i5jb28'
//    }, d);
//    //            alert(d);
//    //用法1：如app已安装，进入网页立即拉起app；用户点击某个按钮时再开始安装app
//    /*通过scheme拉起app(如果已在openinstall平台开启scheme启动功能)*/
//    m.schemeWakeup();
//    /*用户点击某个按钮时，安装app*/

</script>
</html>